<template>
    <div>
        <!-- <headers></headers> -->
        <div
            style="width: 100%;height: 450px;background-image: url('	https://img.alicdn.com/imgextra/i4/O1CN01hGWAwZ1OiVPBBY54n_!!6000000001739-1-tps-3840-740.gif');background-size: 120% 450px;">
            <el-row>
                <el-col :span="10">
                    <img  src="https://znunwm.top/stu/assets/img/banner/b-shape1.png" style="width: 100%;height: 440px;">
                    <div style="position: absolute;top: 180px;left: 180px;width: 500px;">
                        <div class="title">关于我们</div>
                        <div class="zi">首页->关于我们</div>
                    </div>
                </el-col>
            </el-row>
        </div>
        <div class="conn">
            <el-row>
                <el-col :span="12">
                    <div style="margin-top: 150px;margin-left: 60px;color: #b62c2c;">
                        <div class="about"> How we started</div>
                        <div class="zi">
                            2022年一月，开始了网站搭建，即：煋玥博客为搭建网站计划的开始，该博客已运行接近一年，关于java的文章也有几十余篇。<br><br>

                            在2023年9月，搭建了中药图谱，即：煋玥中药图谱，极大增加日常使用体验。<br><br>

                            在2024年2月，搭建官网，即：煋玥科技官网。
                        </div>
                    </div>
                </el-col>
                <el-col :span="10">
                    <img src="../assets/story1.png"
                        style="width: 100%;margin-top: 50px;height: 100%;max-width: 100%;max-width: 100%;">
                </el-col>
            </el-row>

            <el-row style="margin-bottom: 150px;">
                <el-col :span="10">
                    <img src="../assets/story2.png"
                        style="width: 100%;margin-top: 50px;height: 100%;max-width: 100%;max-width: 100%;">
                </el-col>
                <el-col :span="12">
                    <div style="margin-top: -20px;margin-left: 60px;color: #574f4f;">
                        <div class="about"> ABOUT ME</div>
                        <div style="margin-top: 20px">
                            熟练运用常用集合类及其原理、Lambda表达式、Stream流、反射、I0流、线程状态、垃圾回收机制、类加载过程<br><br>
                            熟练使用 Spring、SpringMVC、 MybatisPlus、SpringBoot、SpringSecurity、 Mybatis开源框架、能够独立完成项目开发。<br><br>
                            熟练SpringCloud各个组件的基本使用、如Nacos发现中心、Eureka注册中心、GiateWay网关、Hystrix保护<br><br>
                            熟悉Vue框架、uniapp,掌握Vuex、Vue- router等进行协作开发;<br><br>
                            熟练使用 MySQL、Neo4j、Redis 数据库的操作，能够编写规范的 sql 语句。<br><br>
                            掌握常见的消息中间件、如RabbitMQ。<br><br>
                            掌握常用的linux命令。了解docker的基本使用、如创建容器、拉取镜像等。<br>
                        </div>
                    </div>
                </el-col>

            </el-row>
        </div>
        <footers></footers>
    </div>
</template>

<script>
import headers from '../components/nav.vue';
import footers from '../components/footers.vue';
export default {
    components: {
    headers ,
    footers
  },
}
</script>

<style>
.conn {
    margin-left: 120px;
    margin-right: 120px;
}

.zi {
    margin-top: 20px;
    font-family: "Montserrat", sans-serif;
    color: #231d70;
    letter-spacing: 2px;
    text-transform: uppercase;
    animation: move linear 2000ms infinite;
}

.about {
    margin-top: 60px;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    color: #231d70;
    font-size: 40px;
    letter-spacing: 5px;
    width: 87%;
    text-transform: uppercase;
    animation: move linear 2000ms infinite;
}</style>